import MyNavbar from "../../Share/MyNavbar";
import { Button } from "antd-mobile";
import { useNavigate } from "react-router-dom";
function Order() {
  const navigate = useNavigate()
  return (
    <div>
      <MyNavbar title="订单详情" />
      <div
        style={{
          margin: "20px",
          border: "1px solid black",
          width: "90%",
          height: "300px",
        }}
      >
        <h2 style={{ margin: "10px" }}>票价:￥776</h2>
        <h2 style={{ margin: "10px" }}>手续费:￥10</h2>
        <h2 style={{ margin: "10px" }}>总计:￥786</h2>
      </div>
      <Button
        style={{
          position: "absolute",
          right: "10px",
          bottom: "160px",
          width: "100px",
          color: "#fff",
          backgroundColor: "orange",
        }}
        onClick={()=>navigate('/cg')}
      >
        支付
      </Button>
    </div>
  );
}

export default Order;
